import QtQuick 1.1
import com.nokia.meego 1.0
import com.nokia.extras 1.0
Rectangle {
    id: container
    signal clicked
    property alias name: settingName.text
    property alias value: numberValue.text
    property color textColor: "white"
    property int leftMargin: 6
    property alias valueFontFamily: numberValue.font.family
    color: mouseArea.pressed ? "grey" : "transparent"
    Column {
        anchors.left: parent.left
        anchors.leftMargin: container.leftMargin
        anchors.verticalCenter: parent.verticalCenter
        Label {
            id: settingName
            verticalAlignment: Text.AlignVCenter
            font.bold: true
            font.pixelSize: 28
            color: container.textColor
        }
        Label {
            id: numberValue
            font.pixelSize: 20
            color: container.textColor
        }
    }

    MoreIndicator {
        anchors.right: parent.right
        anchors.verticalCenter: parent.verticalCenter
    }

    MouseArea {
        id: mouseArea
        anchors.fill: parent
        onClicked: {
            container.clicked()
        }
    }
}
